    html {
    	font-size: 12px;
    }
  	.topBar {
  		padding: 0.5em 0.8em;
  		background: #1f8de6;
  		display: flex;
  		justify-content: space-between;
  	}
  	.topBar > .radiusText {  		
  		color: #fff;
  		border: 1px solid #fff;
  	}
  	.radiusText {
  		font-size: 0.8em;
  		padding: 2px 15px;
  		border-radius: 5px;
  	}
  	.banner img {
      width: 100%;
      position: relative;
  	}
  	.banner .text {
  		position: absolute;
  		font-size: 0.1em;
  		top: 8.5em;
  		left: 2em;
  		color: #fff;
  	}
  	.banner .bold {
  		font-size: 0.5em;
  	  font-weight: bold;
  	}
    .sec .con {
      margin: 1.3em auto 0.5em;
    }
  	.sec .title {
      font-size: 0.8em;
      text-align: center;
  	}
  	.sec ul {
  		margin-top: 10px;
  		list-style-type: square;
  		color: #aaa;
  		font-size: 0.6em;
  	}
  	.sec .graytxt {
  		font-size: 0.6em;
  		margin: 1em 3em;
  		color: #aaa;
  		text-align: center;
  	}

  	.graysec {
  		background: #f2f2f2;
  		padding: 7px 0;
  	}

  	.useless-line {
      margin: 0 auto 10px;
      height: 0;
      border-top: 1px solid #ccc;
      width: 80%;
  	}
    .cases {
    	margin: 15px 1.2em;
    	display: flex;
    	justify-content: space-around;
    }
    .case {
    	font-size: 0.7em;
    	color: #aaa;
      border: 1px solid #aaa;
      padding: 6px 4px;
    }
    .slide {
    	margin-bottom: 1.5em;
    }
    .sec-fi .case {
    	padding: 3px 10px;
    }
    .footerr {
    	color: #fff;
    	text-align: center;
    	padding: 1em 0;
    	font-size: 0.5em;
    	background: #313131;
    }

    /* amaze-ui 的小修改 */
    .am-offcanvas-bar {
      background: #fff;
    }
    .am-offcanvas-bar:after {
      width: 0;
    }
    .con-txt {
      display: flex;
      align-items: center;
      font-size: 0.8em;
    }
    .am-offcanvas-content.active {
      color: #2e8eda;
    }

    .con-txt > div {
      margin-right: 1em;
    }
    .am-prev, .am-next {
      display: none !important;
    }

    /* access-methods */
    .access-method {
      color: #1887e0;
      padding: 2em 0;
      text-align: center;
    }
    .access-method .graytxt {
      color: #1887e0;
    }
    .access-method img {
      width: 50%;
    }
    .method-2 {
      background: #e5f3ff;
    }

    /* fee */
    .pre-head {
      width: 90%;
      color: #fff;
      margin: 0 auto;
      font-size: 0.8em;
      padding: 3px 15px;
      background: #00a2ea;
    }
    #fee .ban {
      position: relative;
      background: #f7f8fa;
    }
    #fee .price {
      padding-bottom: 20px;
      background: #f7f8fa;
    }
    #fee .ban .title {
      position: absolute;
      top: 1.5em;
      color: #fff;
      font-size: 1em;
      left: 50%;
      transform: translateX(-50%);
    }
    #fee .ban .descri {
      text-align: center;
      width: 80%;
      position: absolute;
      top: 6em;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 0.5em;
    }
    #fee .ban img {
      width: 100%;
    }
    #fee table {
      width: 90%;
      margin: 0 auto;
      font-size: 0.4em;
      text-align: center;
    }
    #fee table thead {
      color: #fff;
      background: #6ebfff;
    }
    #fee table tbody {
      color: #abacae;
    }
    #fee table tbody tr:nth-of-type(odd) {
      background: #fff;
    }
    #fee table tbody tr:nth-of-type(even) {
      background: #f7f8fa;
    }
    #fee table tbody td:nth-child(2) {
      color: #61cdf4;
    }
    #fee table tbody td:nth-child(3) {
      color: #95d14b;
    }
    #fee table tbody td:nth-child(4) {
      color: #fe4d6a;
    }
    #fee td {
      border-width: 0;
    }
    
    #fee .contact {
      position: relative;
      padding: 15px 10px 30px;
    }
    #fee .contact .title {
      margin: 5px 0px;
      font-size: 0.8em;
    }
    #fee .contact .content {
      font-size: 0.6em;
      color: #abacae;
    }

    
    .tip {
      width: 58%;
      text-align: right;
      font-size: 0.5em;
    }
    .tip img {
      width: 20px;
    }
    .tip .sen-1 {
      color: #00a0f0;
    }
    .tip .sen-2 {
      color: #a6aaad;
    }
    .qr {
      position: absolute;
      bottom: 5px;
      right: 0;
      width: 134px;
    }
    .qr img {
      width: 134px;
    }
    .carrier {
      background: #f2f2f2;
      text-align: center;
      padding: 10px 0;
    }
    .carrier .title {
      font-size: 1em;
    }
    .carrier img {
      margin: 10px 0;
      width: 90%;
    }